@import "../base"
.content
  display: flex
  flex-direction: row
  height: 50vh
  color: white
  font-size: $font_size *1.6


  .left_pane
    width: 40%
    position: relative
    float: left

    .display
      color: #6f8fa9

  .right_pane
    width: 30%
    margin-left: auto

    input
      padding: 5px
      min-width: 300px
      margin-top: calc($font_size / 5)
      border-radius: 5px
      box-sizing: border-box
      font-size: calc($font_size)
      font-weight: 400
      background: rgba(59, 59, 59, 0.7)
      color: #6f8fa9

    .user_form
      display: flex
      flex-direction: column
      padding: 20px
      border: 1px solid #887b7b
      border-radius: 8%
      align-items: center
      font-size: $font_size

      .form_title
        display: block
        text-transform: uppercase

      ul li
        margin-top: calc($font_size)


    .change_email
      padding: 20px
      color: #03e9f4

      ul li
        margin-top: calc($font_size)


.getEmailSendCode
  width: 300px
  margin-top: 20px
  cursor: pointer
  text-decoration: none !important
  color: $font_color_title
  background: linear-gradient(to bottom, #6fa720 5%, #588a1b 95%)
  text-align: center
  border-radius: 10px

  &:hover
    background: linear-gradient(to bottom, #6fa720 5%, #395b11 95%)

.changeTo
  width: auto
  margin-top: 10px
  cursor: pointer
  text-decoration: none !important
  color: $font_color_title
  background: linear-gradient(89deg, #464545 5%, #467494 95%)
  text-align: center
  border-radius: 10px

  &:hover
    background: linear-gradient(89deg, #464545 5%, #284357 95%)

.header_img
  width: 210px
  border-radius: 50%
  font-size: $font_size
